<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>oggHTML5Player</title>
		<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
		<script src="./js/audio.js"></script>
	</head>
	<body>
		<audio id="myAudio" controls preload>
			<source src="<?php echo $midi_url;?>" type="audio/midi">

			<p>HTML5 Audioに対応したブラウザをご利用ください</p>
		</audio>
		<div id="controller">
			<img src="images/play.png" id="playButton" alt="再生">
			<img src="images/stop.png" id="stopButton" alt="停止">
			<img src="images/rewind.png" id="rewindButton" alt="巻き戻し">
			<img src="images/normal.png" id="normalButton" alt="等倍">
			<img src="images/fast.png" id="fastButton" alt="高速">
			<img src="images/slow.png" id="slowButton" alt="低速">
		</div>
	</body>
</html>